

<!--提示框-->
<div uib-alert ng-repeat="msg in $root.tips.message"
     dismiss-on-timeout="{{msg.duration}}"
     close="$root.tips.close($index)" type="{{msg.type}}" style="margin-top:10px;">
    {{msg.text}}
</div>


<!--搜索条件-->
<div class="row">
    <form class="mt20" role="form">
        <div class="row">
            <div class="col-lg-2 col-sm-3 col-md-3 col-xs-3">
                <div class="input-group">
                    <span class="input-group-addon" style="padding:0 25px">状态</span>
                    <select class="form-control" ng-change="change(IsView)" ng-model="IsView">
                        <option value="">全部</option>
                        <option value="1">已读</option>
                        <option value="0">未读</option>
                    </select>
                </div>
            </div>
        </div>
    </form>
</div>
<!--表格内容-->
<div class="row mt20">

    <div class="table-responsive" >
        <table class="table table-bordered mail">
            <thead>
            <tr>
                <th width="5%"><input type="checkbox" ng-model="select_all" ng-change="selectAll()"></th>
                <th width="5%">序号</th>
                <th width="8%">接收人</th>
                <th width="54%">标题</th>
                <th width="10%">发送时间</th>
                <th width="10%">发送状态</th>
                <th width="8%">删除</th>
            </tr>
            </thead>
            <tbody>
            <tr ng-repeat="rece in receiveData | orderBy:'-ID'" ng-class="{unread:!rece.IsView && IsView === null}">
                <th scope="row"><input type="checkbox" id="{{rece.ID}}" ng-model="rece.checked" ng-change="selectOne()">
                </th>
                <td>{{$index + 1}}</td>
                <td>{{rece.To}}</td>
                <td style="text-align: left;"><a ui-sref="mail.cha({ID:rece.ID})">{{rece.Title | cut:true:25:'...'}}</a>
                </td>
                <td>{{rece.PublishTime | date:'yyyy-MM-dd'}}</td>
                <td ng-bind-html="rece.IsView | mailstatusFilter"></td>
                <td><a href="#" ng-click="rmMail($event, rece.ID)"><i class="fa fa-trash-o fa-lg"></i></a></td>
            </tr>
            </tbody>
        </table>
    </div>
</div>
<!--分页与操作信息-->
<div class="row">
    <div class="col-lg-1 col-sm-2 col-md-1 col-xs-2">
        <div class="row">
            <button class="btn btnCustom" ng-click="deleteSelect()"><i class="icon-trash icon-large mr2"></i>删除选中
            </button>
        </div>
    </div>
    <div class="col-lg-7 col-sm-6 col-md-7 col-xs-4">
        <p style="margin-top:6px;">共计 [ <b class="red">{{totalItems}}</b> ] 条记录</p>
    </div>
    <div class="col-lg-4 col-sm-6 col-md-4 col-xs-6">
        <div class="row">
            <div ng-show="totalItems > $root.appConfig.rows">

                <uib-pagination class="pagination PagingCustom pull-right"
                                items-per-page="$root.appConfig.rows"
                                ng-model="currentPage"
                                total-items="totalItems"
                                max-size="$root.appConfig.maxSize"
                                ng-change="pageChanged()"
                                boundary-links="false"
                                boundary-link-numbers="true"
                                rotate="false"
                                force-ellipses="true"
                                previous-text="‹"
                                next-text="›">
                </uib-pagination>

            </div>
        </div>
    </div>
</div>
<div id="loading-bar-container"></div>

<!--
<a href="#" class="btn btn-primary btn-lg" ng-click="start()">
    <i class="glyphicon glyphicon-play-circle"></i> <span>cfpLoadingBar.</span>start()
</a>-->
